<template>
    <div>
        <div class="date">
          <!-- <div class="TimeDisplay">
            <TimeDisplay></TimeDisplay>
          </div> -->
          <div class="Quantity">
            <dv-border-box13>
              <dl>
                <dt>当前总存栏蛋鸡（只）</dt>
                <dd>120000</dd>
              </dl>
              <dl>
                <dt>日总产蛋数量（公斤）</dt>
                <dd>0.00</dd>
              </dl>
              <dl>
                <dt>日总产蛋率（%）</dt>
                <dd>0</dd>
              </dl>
              <dl>
                <dt>日总饮水量（升）</dt>
                <dd>19.20</dd>
              </dl>
              <dl>
                <dt>日总用电量（度）</dt>
                <dd>487.50</dd>
              </dl>
              <dl>
                <dt>日总耗料量（公斤）</dt>
                <dd>15367.00</dd>
              </dl>
            </dv-border-box13>
          </div>
        </div>
        <div class="box">
          <dv-border-box13>
            <GeneralView></GeneralView>
          </dv-border-box13>
        </div>
        <div class="maintain">
          <dv-border-box13>
            <Maintain></Maintain>
          </dv-border-box13>
        </div>
    </div>
  </template>
  
  <script lang="ts" setup>
  import TimeDisplay from "../Middle/currentTime.vue";
  import GeneralView from '../Curve/GeneralView.vue'
  import Maintain from '../Curve/Maintain.vue'



  </script>
  
  <style scoped>
  .date {
  width: 100%;
  height: 30vh;
}

.Quantity {
  width: 90%;
  height: 27.3vh;
  margin-top: -0.3vh;
  margin-left: 2.3vw;
}

.Quantity dl {
  width: 33.33%;
  height: 8vh;
  float: left;
  text-align: center;
  margin-top: 3vh;
}

.Quantity dl dt {
  font-size:calc(100vw * 22 / 1920);
  color: #25ebe8;
}

.Quantity dl dd {
  font-size:calc(100vw * 20 / 1920);
  color: #d79322;
  text-decoration: underline;
}

.box {
  width: 90%;
  height: 27.5vh;
  margin-top: -1vh;
  margin-left: 2.3vw;
}

.maintain {
  width: 90%;
  height: 27.3vh;
  margin-top: 2.5vh;
  margin-left: 2.3vw;
}
  
  </style>